<template>
    <div class="容器">
        <div class="项目">01</div>
        <div class="项目">02</div>
        <div class="项目">03</div>
        <div class="项目">04</div>
        <div class="项目">05</div>
    </div>
</template>

<style scoped>
    @reference '@/tailwind.css';
    .容器 {
        @apply tw:grid tw:grid-flow-col-dense tw:grid-cols-3 tw:grid-rows-3 tw:gap-4;
        @apply tw:md:grid-flow-row-dense;
    }
    .项目 {
        @apply tw:bg-purple-400 tw:min-h-12 tw:rounded-md;
        @apply tw:flex tw:justify-center tw:items-center;
        @apply tw:font-bold tw:text-white;
    }
</style>